@mixin locate($top,$left){
    margin-top:unquote(($top/60)+"em");
    margin-left:unquote((($left - 360+20)/60)+"em");  
}

//pc-nav

.it-header{
	padding-bottom: 0.5em;
	background-color: #f9f8f9;
}
.p-header-logo{
	width: 1.917em;
	height: 0.833em;
	margin-top: 0.717em;
	margin-left: 0.333em
}
.it-nav.p-navpage{
	height: 0.8em;
	width: 12em;
	margin-left: 7em;
	margin-top: 1em
}

//pc-slide
.it-slide.p-slide{
	height: 11.25em;
}
.p-slide[data-theme='theme-3']  .next{
	width: 0.25em;
	height: 0.25em;
	position: absolute;
	background-image: url("https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-19.png");
	background-repeat: no-repeat;
	background-color: transparent;
	top: 10em;
	right: 10%
}
.p-slide[data-theme='theme-3'] .pre{
	position: absolute;
	width: 0.25em;
	height: 0.25em;
	background-image: url("https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-20.png");
	background-repeat: no-repeat;
	background-color: transparent;
	top: 10em;
	left: 80%
}
.it-slide-text1{
	width: 100%;
	font-family: CenturyGothic-Bold;
	.p-text-wrap{
		font-size: 1em;
	}
	color: #ffffff;
	text-align: center;
	margin-top: 3.333em
}
.it-slide-text2{
	@extend .it-slide-text1;
	margin-top: 0.2em;
	width: 20em
}
.it-slide-text3{
	font-family: PingFangSC-Semibold;
	.p-text-wrap{
		font-size: 0.5em;
	}
	width: 100%;
	text-align: center;
	color: #ffffff;
	margin-top: 0.2em
}
.it-slide-link.p-button{
	width: 3.667em;
	height: 0.917em;
	background-color: #00b4ff;
	box-shadow: -0.002em 0.017em 0.117em 0em 
		rgba(179, 160, 193, 0.74);
	border-radius: 0.083em;
	margin: 0.8em auto;
	a{
	font-family: PingFangSC-Medium;
	.p-text-wrap{
		font-size: 16px;
	}
	color: #ffffff;
	}
}


//pc-section-2-about us

#spa-section-2{
	padding-bottom: 3.15em
}
.p-about-text1{
	font-family: MicrosoftYaHei;
	color: #fa6b9a;
	width: 100%;
	text-align: center;	
	margin-top: 2em
}
.p-about-text1 .p-text-wrap{
	font-size: 20px;
}
.p-about-text2{
	font-family: Helvetica;
	color: #494848;
	width: 100%;
	text-align: center;
	margin-top: 0.25em
}
.p-about-text2 .p-text-wrap{
	font-size: 18px;
}
.p-about-img1{
	width: 2.95em;
	height: 3.35em;
	margin-left: 0.233em;
	margin-top: 1.833em;
	z-index: 10
}
.p-about-img2{
	width: 5.6em;
	height: 3.483em;
	margin-top: -1.9em;
	margin-left: 1.95em;
}
.p-about-text3{
	width: 10.1em;
	height: 2.133em;
	font-family: STHeitiSC-Light;
	color: #757575;
	margin-left: 2em;
	margin-top: 3.116em;
	line-height: 30px;
}
.p-about-text3 .p-text-wrap{
	font-size: 16px
}
.p-line[data-theme="h"]{
	width: 0.667em;
	height: 0.05em;
	margin-left: 2em;
	margin-top: 1.1em;
}
.p-line[data-theme="h"] .p-line-wrap{
	border-top:  0.05em solid #7d7d7d;
}


/* section_3_case */
#spa-section-3{
	background: #fafafa;
	padding-bottom: 1.367em
}
.p-case-top-text1{
	font-family: MicrosoftYaHei;
	color: #fa6b9a;
	width: 100%;
	text-align: center;
	margin-top:1.183em
}
.p-case-top-text1 .p-text-wrap{
	font-size: 20px;
}
.p-case-top-text2{
	font-family: Helvetica;
	color: #494848;
	width: 100%;
	text-align: center;
	margin-top: 0.233em
}
.p-case-top-text2 .p-text-wrap{
	font-size: 18px;
}
.p-case-img1,.p-case-img4{
	margin-left: 0.617em
}
.p-case-img2,.p-case-img3,.p-case-img5,.p-case-img6{
	margin-left: 3.4em
}
.p-case-img{
	width: 3.767em;
	height: 6.633em;
}
.p-case-img1,.p-case-img2,.p-case-img3{
	margin-top:1.867em
}
.p-case-img4,.p-case-img5,.p-case-img6{
   margin-top: 1.483em
}
.p-case-middle-text1{
	width: 4.4em;
	height: 0.917em;
	font-family: STHeitiSC-Light;
	color: #8c8c8c;
	margin-left: 0.5em;
	margin-top: 0.5em
}
.p-case-bottom-text1{
	margin-top: 0.483em;
	margin-left: 0.5em;
}
.p-case-middle-text2,.p-case-middle-text3{
	margin-left: 3.2em;
	margin-top: 0.5em
}
.p-case-bottom-text2,.p-case-bottom-text3{
	margin-top: 0.483em;
	margin-left: 3.2em;
}
.p-case-middle-text1 .p-text-wrap,.p-case-middle-text2 .p-text-wrap,.p-case-middle-text3 .p-text-wrap,
.p-case-bottom-text1 .p-text-wrap,.p-case-bottom-text2 .p-text-wrap,.p-case-bottom-text3 .p-text-wrap{
	font-size: 12px
}
.p-case-middle-text1,.p-case-middle-text2,.p-case-middle-text3,.p-case-bottom-text1,.p-case-bottom-text2,.p-case-bottom-text3{
	width: 4.4em;
	height: 0.917em;
	font-family: STHeitiSC-Light;
	color: #8c8c8c;
}
.p-case-img1:hover,.p-case-img2:hover,.p-case-img3:hover,.p-case-img4:hover,.p-case-img5:hover,.p-case-img6:hover{
	box-shadow: -0.007em 0.1em 0.992em 0.175em 
		rgba(86, 84, 84, 0.28);
}
.p-case-text{
	width: 4.2em;
}

//pc-section-4-service
#spa-section-4{
	padding-bottom: 4.45em
}
.p-service-top-text1{
	.p-text-wrap{
		font-size: 20px;
	}
	font-family: MicrosoftYaHei;
	color: #fa6b9a;
	width: 100%;
	text-align: center;
	margin-top: 2em
}
.p-service-top-text2{
	font-family: Helvetica;
	color: #494848;
	width: 100%;
	text-align: center;
	margin-top: 0.233em
}
.p-service-middle-text,.p-service-bottom-text,.p-service-middle-icon,.p-service-bottom-icon{
	margin-top: 0.433em
}
.p-service-middle-icon,.p-service-bottom-icon{
	width: 0.5em;
	height: 0.5em;
}
.p-service-middle-icon1,.p-service-bottom-icon1{
	@include locate(26,376)
}
.p-service-middle-text-common,.p-service-bottom-text-common{
	width: 4em;
	height: 0.267em;
	font-family: STHeitiSC-Light;
	color: #4b4b4b;
	@include locate(158,425);
	.p-text-wrap{
		font-size: 16px;
	}
}
.p-service-middle-text,.p-service-bottom-text{
	width: 4.683em;
	height: 0.567em;
	font-family: STHeitiSC-Light;
	color: #757575;
	.p-text-wrap{
		font-size: 12px;
	}
}
.p-service-middle-text6,.p-service-bottom-text6{
	width: 3.5em;
	height: 0.55em;
}
.p-service-middle-text1,.p-service-bottom-text1{
	margin-left: 1.5em
}
.p-service-middle-text2,.p-service-bottom-text2{
	margin-left: 0.35em;

}
.p-service-middle-icon2,.p-service-middle-icon3,.p-service-bottom-icon2,.p-service-bottom-icon3{
	margin-left: 1.45em
}
.p-service-middle-text4,.p-service-middle-text6,.p-service-bottom-text4,.p-service-bottom-text6{
	margin-left: 0.35em
}
.p-service-middle-text3,.p-service-middle-text5,.p-service-bottom-text3,.p-service-bottom-text5{
	margin-left: 2.3em;
	
}

#spa-section-5{
	background: #eee;
	padding-bottom: 0.867em
}
.p-team-top-text1{
	font-family: MicrosoftYaHei;
	color: #fa6b9a;
	width: 100%;
	text-align: center;
	margin-top: 1.187em
}
.p-team-top-text2{
	font-family: Helvetica;
	color: #494848;
	width: 100%;
	text-align: center;
	margin-top: 0.233em
}
.p-team-top-text1 .p-text-wrap{
	font-size: 20px;
}
.p-team-top-text2 .p-text-wrap{
	font-size: 18px;
}
.p-team-top-text3{
	width: 17.183em;
	height: 1.05em;
	font-family: STHeitiSC-Light;
	line-height: 24px;
	margin:1.283em  auto;
	color: #757575;
}
.p-team-top-text3 .p-text-wrap{
	font-size: 14px
}
.p-team-img1,.p-team-img2,.p-team-img3{
	width: 5em;
	height: 5em;
	border-radius: 2.5em;
	margin-top:1.983em
}
.p-team-img1{
	margin-left: 0.333em
}
.p-team-img2,.p-team-img3{
	margin-left: 2em
}
.p-team-bottom1-text1{
	width: auto;
	font-family: Helvetica-Light;
	.p-text-wrap{
		font-size: 18px
	}
	color: #434242;
	margin-left: 2.333em;
	margin-top: 0.993em
}

.p-team-bottom1-text2{
	.p-text-wrap{
		font-size: 18px
	}
	width: auto;
	margin-left: 6.4em;
	margin-top: 0.993em
}
.p-team-bottom1-text3{
	.p-text-wrap{
		font-size: 18px
	}
	width: auto;
	margin-top: 0.993em;
	margin-left: 6.5em;
}
.p-team-bottom2-text1,.p-team-bottom2-text2,.p-team-bottom2-text3{
	font-family: MicrosoftYaHei;
	color: #434242;
}
.p-team-bottom2-text1 .p-text-wrap,.p-team-bottom2-text2 .p-text-wrap,.p-team-bottom2-text3 .p-text-wrap{
	font-size: 16px;
}
.p-team-bottom2-text1{
	width: auto;
	margin-left: 2.333em;
	margin-top: 0.21em
}
.p-team-bottom2-text2{
	width: auto;
	margin-top: 0.21em;
	margin-left: 6.1em
}
.p-team-bottom2-text3{
	width: auto;
	margin-top: 0.21em;
	margin-left: 6.2em
}
#spa-section-6{
	padding-bottom: 3.2em
}
.p-contact-top-text1{
	font-family: MicrosoftYaHei;
	color: #fa6b9a;
	width: 100%;
	text-align: center;
	margin-top: 1.533em;
	.p-text-wrap{
		font-size: 20px;
	}
}
.p-contact-top-text2{
	font-family: Helvetica;
	color: #494848;
	width: 100%;
	text-align: center;
	margin-top: 0.25em;
	.p-text-wrap{
		font-size: 18px;
	}
}
.p-contact-middle-left-text3 .p-text-wrap,.p-contact-middle-left-text4 .p-text-wrap,.p-contact-middle-left-text5 .p-text-wrap,
.p-contact-middle-left-text6 .p-text-wrap{
	font-size: 15px;
}
.p-contact-middle-left-text1{
	font-family: MicrosoftYaHei;	
	color: #333333;
	margin-top: 1.783em;
	font-weight: 580;
	.p-text-wrap{
		font-size: 18px;
	}
}
.p-contact-line.p-line{
	margin:0.3em auto;
	.p-line-wrap{
		border-top:0.05em solid #333
	}	
}			
.p-contact-line2.p-line {
	width: 13.5em;
	margin: -0.05em auto;
	.p-line-wrap{
		border-top:  0.02em solid #888888;
	}
}

.p-contact-middle-left-text2{
	font-family: ArialMT;
	color: #888888;
	.p-text-wrap{
		font-size: 14px;
	}
	margin-top: 0.117em
}
.p-contact-middle-left-text3,.p-contact-middle-left-text4,.p-contact-middle-left-text5
,.p-contact-middle-left-text6{
	margin-top: 0.7em;
	font-family: MicrosoftYaHei;
	color: #555555;
}
.p-contact-middle-left-text4{
	margin-top: 0.433em;
}
.p-contact-middle-left-text5{
	margin-top: 0.3em;
}
.p-contact-middle-left-text6{
	margin-top: 0.3em;
}
.p-contact-text{
	width: 100%;
	text-align: center;
}
.p-contact-icon1{
	width: 0.5em;
	height: 0.55em;
	margin: 0.22em auto
}
.p-contact-icon2{
	width: 0.583em;
	height: 0.5em;
	margin:0.25em auto
}
.p-contact-box1{
	width: 1em;
	height: 1em;
	background-color: #333333;
	border-radius: 0.5em;
	margin-left: 6.8em;
	margin-top: 1.183em;
	padding-bottom:0.25em;
}
.p-contact-img{
	width: 2em;
	height: 2em;
	margin-top:0.683em;
	margin-left: 1.167em
}
.p-contact-box2{
	@extend .p-contact-box1;
	margin-left: 1.167em
}
.p-contact-box1:hover{
	background-color: #fa6b9a;
}
.p-contact-bottom-text1{
	font-family: MicrosoftYaHei;
	color: #333333;
	width: 100%;
	text-align: center;
	margin-top: 0.133em;
	.p-text-wrap{
		font-size: 14px;
	}
}
.p-contact-bottom-text2{
	@extend .p-contact-bottom-text1;

}

.it-foot{
	background: #f5f5f5;
}
.p-foot-text1 .p-text-wrap,.p-foot-text2 .p-text-wrap{
	font-size: 16px;
}
.p-foot-text1,.p-foot-text2{
	font-family: AdobeHeitiStd-Regular;
	color: #888888;
	margin-top: 1.533em;
}
.p-foot-text1{
	margin-left: 7.867em
}
.p-foot-text2{
	margin-left: -2.8em
}

@media screen and (max-width:991px){
	.it-nav.p-navpage{
		margin-left: 3.4em;
		width: 14em
	}
	.p-team-bottom1-text2{
		margin-left: 5.6em
	}
	.p-team-bottom2-text2{
		margin-left: 5.2em
	}
	.p-team-bottom1-text3{
		margin-left: 6em
	}
	.p-team-bottom2-text3{
		margin-left: 5.5em
	}
}


@media screen and (max-width:767px ) {
	.p-about-img1{
		margin-left:1em;
		width: 12em;
		height: 10em;
	}
	.p-about-img2{
		margin-left: 7em;
		width: 12em;
		height: 10em;
		margin-top: -5em
	}
	.p-about-text3{
		width: auto;
		margin: 2em 1em;
	}
	#p-about-line{
		width: 3em;
		margin-left: 1em
	}
	.p-service-middle-text-common,.p-service-bottom-text-common{
		margin-left: 4em
	}
	.p-service-middle-icon,.p-service-bottom-icon{
		margin-left: 3.15em
	}
	.p-service-bottom-text1{
		margin-left: 5em
	}
	.p-service-bottom-icon1{
		margin-left: 4.2em	
	}
	.p-service-bottom-text3,.p-service-bottom-text5{
		margin-top: 0
	}
	.p-case-img{
		width: 8em;
		height: 12em
	}	
	.p-case-text{
		width: 8em;
		margin-top: 1em
	}
	.p-case-img1,.p-case-img3,.p-case-img5{
		margin-left: 1em
	}
	.p-case-img2,.p-case-img4,.p-case-img6{
		margin-left: 2em
	}
	.p-case-middle-text1,.p-case-middle-text3,.p-case-bottom-text2{
		margin-left: 1em
	}
	.p-case-middle-text2,.p-case-bottom-text1,.p-case-bottom-text3{
		margin-left: 2em
	}
	.p-case-img4{
		margin-top: 2em
	}
	//mobile-section-service
	
	.p-service-middle-text,.p-service-bottom-text{
		width: 7em
	}
	.p-service-middle-text1,.p-service-middle-text5,.p-service-bottom-text3{
		margin-left: 2.4em
	}
	.p-service-middle-text5,.p-service-bottom-text3{
		margin-top: 2em
	}
	.p-service-middle-text3,.p-service-bottom-text1,.p-service-bottom-text5{
		margin-left: 2.8em
	}
	.p-service-bottom-text1,.p-service-bottom-text5{
		margin-top: 2em
	}
	.p-service-middle-icon,.p-service-bottom-icon{
		width: 1em;
		height: 1em;
	}
	.p-service-middle-icon1,.p-service-middle-icon3,.p-service-bottom-icon2{
		margin-left: 1em
	}
	
	.p-service-middle-icon2,.p-service-bottom-icon1,.p-service-bottom-icon3{
		margin-left: 1.5em
	}
	.p-team-img{
		width: 4em;
		height: 4em;
		border-radius: 2em;
	}
	.p-team-top-text3{
		width: auto;
		margin: 1em 1em
	}
	.p-team-img1{
		margin-left:1em
	}
	.p-team-img2,.p-team-img3{
		margin-left: 3em
	}
	.p-team-bottom1-text{
		.p-text-wrap{
			font-size: 14px
		}
	}
	.p-team-bottom2-text{
		.p-text-wrap{
			font-size: 12px
		}
	}
	.p-team-bottom1-text1,.p-team-bottom2-text1{
		margin-left: 2em
	}
	.p-team-bottom1-text2{
		margin-left: 4.5em
	}
	.p-team-bottom2-text2{
		margin-left: 4em
	}
	.p-team-bottom1-text3{
		margin-left: 4.5em
	}
	.p-team-bottom2-text3{
		margin-left: 3.7em
	}
	.p-contact-img{
		width: 3.5em;
		height:3.5em;
		margin-left: 8.4em
	}
	.p-contact-box1,.p-contact-box2{
		display: none
	}
	.p-foot-text2{
		width: 10em;
		margin-left: 1em
	}
	.p-foot-text1{
		margin-left: 1em;
		width:auto
	}
	.p-foot-text2{
		margin-left:0.5em;
		width:auto
	}
	.it-nav{
		display: none
	}
	.it-slide-link.p-button{
		width: 4em;
		height: 1em;
	}
	.p-slide[data-theme='theme-3'] .pre{
		left: 70%;
		height: 0.7em;
		width: 0.7em
	}
	.p-slide[data-theme='theme-3'] .next{
		right: 10%;
		height: 0.7em;
		width: 0.7em
	}
}	

